<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>宠物园</title>
<link href="css3.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
	position: absolute;
	width: 999px;
	height: 144px;
	z-index: 1;
	left: 150px;
	top: 819px;
	background:#0FF;
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>


<body onload="MM_preloadImages('换图3.jpg','换图2.jpg','换图.jpg')">
<div class="div1"><img src="bd0d55f248d9d07d-9df158d972aec699-327c4cb9c8769100e7f472e853abda97.jpg" width="197" height="257" /></div>
<div class="div2">
<div class="div3"><a href="index.html">首页</a></div>
<div class="div3"><a href="index2.html">关于</a></div>
<div class="div3"><a href="index3.html">分类</a></div>
<div class="div3"><a href="index4.html">建议</a></div>
<div class="div3"><a href="index5.html">联系</a></div>
</div>

<div class="div4">
宠物是人们的朋友&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;    请爱护它们 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   它们就是我们的家人
</div>
<div class="div5">
<img src="动图3.gif" width="249" height="136" id="Image1" onmouseover="MM_swapImage('Image1','','换图3.jpg',1)" onmouseout="MM_swapImgRestore()" />
<img src="动图4.gif" width="249" height="136" id="Image2" onmouseover="MM_swapImage('Image2','','换图2.jpg',1)" onmouseout="MM_swapImgRestore()" />
<img src="动图1.gif" width="249" height="136" id="Image3" onmouseover="MM_swapImage('Image3','','换图.jpg',1)" onmouseout="MM_swapImgRestore()" />
</div>
<div class="div6">
<p>
被人们当作宠物的动物有很多,在所有动物类宠物中，普遍流行的主要为狗和猫，另外有鸟、鱼、虫、仓鼠、土拨鼠、刺猬、兔子等较为广泛。其中,动物宠物,植物宠物,
茶宠宠物又是比较重要的分类标准.</p>
</div>

</div>
<div class="div7">
<p class="div8" align="center">动物宠物</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;猫和狗经过漫长的进化演变，已经脱离了自然界的生物链，不再存在于生态平衡之中，是适合人类家庭的动物，广泛存在于人们的生活、工作之中。在国外，新的趋势是称呼猫和狗为伴侣动物，体现它们在人类社会中的作用。</p>
<P class="div8" align="center">植物宠物</P>
<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;植物宠物，是现代人对富有生命力与启迪意义植物的爱称，特别是指那些能随时带在人们身边，或在居室中时常欣赏到、感受到的植物。</P>
<P class="div8" align="center">茶宠宠物</P>
<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“茶宠”顾名思义就是茶水滋养的宠物，多是用紫砂或澄泥烧制的陶质工艺品，喝茶时用茶蘸茶汤涂抹或剩茶水直接淋漓，年长日久，茶宠就会温润可人，茶香四溢。</P>
<P class="div8" align="center">另类宠物</P>
<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;另类宠物在中国主要指一些养数不是太多的宠物（除猫、狗以外的宠物）,另类宠物在国内的需求越来越大，大多数年轻人都喜欢这类价格便宜，饲养简单，外观非常吸引人的宠物。另类宠物主要包括有迷你宝贝、爬虫、节肢动物等等。</P>


</div>
<div class="div9"></div>
<div id="apDiv1">
<marquee behavior="scroll" contenteditable="true" 
onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" 
scrollamount="10" width="1000" onmouseover="this.stop();"
 onmouseout="this.start();"> 
<a href="#" class="tu"><img src="转图1.jpg" width="148" height="140" /></a>
<a href="#" class="tu"><img src="转图2.jpg" width="149" height="138" /></a>
<a href="#"class="tu"><img src="转图3.jpg" width="151" height="140" /></a>
<a href="#" class="tu"><img src="转图4.jpg" width="132" height="140" /></a>
<a href="#" class="tu"><img src="转图5.jpg" width="140" height="136" /></a>
<a href="#" class="tu"><img src="转图6.jpg" width="149" height="136" /></a>
</marquee>
</div>


</body>
</html>
